<template>
  <mt-popup
      v-model="armCarPop"
      popup-transition="popup-fade"
      modal="true" :close-on-click-modal="clickClose">
    <div style="width: 100%; height: 100%" class="popPane">
      <div style="text-align: right">
        <a-button type="danger"  style="" size="small" v-on:click="closePop"/>
      </div>
      <br>
      <a-slider style="display: inline-block" class="servoBar"
                v-model="servoPos.head" vertical height="200px" show-input input-size="large"
                v-on:change="servoTurn(0,'head')"
      >
      </a-slider>
      <a-slider style="display: inline-block" class="servoBar"
                v-model="servoPos.paw" vertical height="200px" show-input input-size="large"
                v-on:change="servoTurn(1,'paw')"
      >
      </a-slider>
      <a-slider style="display: inline-block" class="servoBar"
                v-model="servoPos.right" vertical height="200px" show-input input-size="large"
                v-on:change="servoTurn(2,'right')"
      >
      </a-slider>

      <a-slider style="display: inline-block" class="servoBar"
                v-model="servoPos.left" vertical height="200px" show-input input-size="large"
                v-on:change="servoTurn(3,'left')"
      >
      </a-slider>
      <table>
        <tr>
          <td></td>
          <td>
            <a-button  status="warning" v-on:click="turn(1,['0'])">
              <icon-send/>
            </a-button>
          </td>
          <td></td>
        </tr>
        <tr>
          <td>
            <a-button  status="warning"
                       v-on:touchstart="turn(1,['2'])"
                       v-on:touchend="turn(1,['4'])"
            >
              <icon-send/>
            </a-button>
          </td>
          <td>

          </td>
          <td>
            <a-button
                class="controller_but"
                v-on:touchstart="turn(1,['3'])"
                v-on:touchend="turn(1,['5'])"></a-button>
          </td>
          <td>
            <a-button
                v-on:click="turn(2,['0','60'])"
                type="success" circle></a-button>
          </td>
          <td>
            <a-button  type="warning" class="controller_but"
                       v-on:click="turn(1,['7'])"
            ></a-button>
          </td>
          <td>
            <a-button type="info"
                      class="controller_but"
                      v-on:click="turn(1,['6'])">停
            </a-button>
          </td>
        </tr>
        <tr>
          <td></td>
          <td>
            <a-button
                class="controller_but"
                v-on:click="turn(1,['1'])"></a-button>
          </td>
          <td></td>
          <td>

          </td>
        </tr>

      </table>

    </div>

  </mt-popup>
</template>